<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>贪吃蛇</title>
    <!-- <link rel="stylesheet" href="./css/iconfont.css"> -->
</head>

<body>
    <!-- 创建主容器 -->
    <div id="main">
        <!-- //设置游戏舞台 -->
        <div id="stage">
            <!-- 设置🐍 -->
            <div id="snake">
                <!-- 每一节🐍 -->
                <div></div>
            </div>

            <div id="food">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
        <!-- 设置记分牌 -->
        <div id="score-panel">
            <div>
                SCORE: <span id="score">0</span>
            </div>
            <div>
                LEVEL: <span id="level">1</span>
            </div>
        </div>
        <!-- 设置按钮 -->
        <div id="BUT">
            <div id="top">
                <i class="icon icon-shangjiantou">👆 </i>
            </div>
            <div id="right">
                <i>👉</i>
            </div>
            <div id="left">
                <i>👈</i>
            </div>
            <div id="down">
                <i>👇</i>
            </div>
        </div>
    </div>


</body>

</html>